<%-- 
    Document   : contact
    Created on : Nov 6, 2014, 1:08:18 PM
    Author     : Satyapal Deshmukh
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<jsp:include page="header1.jsp"/>


<section class="slug parallax-slug-2" data-stellar-background-ratio="0">
    	<div class="overlay">
            <div class="container">
            	<div class="row">
                    <div class="col-lg-12">
                        <h1 class="anim fadeInDown">Contact Us</h1>
                        <p class="anim fadeInDown" data-wow-delay=".32s">Drop us a message.</p>
                    </div><!-- .col-lg-12 -->
                </div><!-- .row -->
            </div>
        </div><!-- .overlay -->
    </section><!-- .slug -->


   	<section class="content-section">
        <div class="container">
        	<div class="row">
       			<div class="col-lg-12 anim fadeInDown" data-wow-delay="0.25s">
                    <p>
                        Our primary concern is dealing with our customers and making sure that they are satisfied. Any questions,
                        comments, or concerns you may have are very important to us.
                    </p>
                </div><!-- .col-lg-12 -->
            </div><!-- .row -->
            <div class="row">
            	<div class="col-lg-12 anim fadeInDown" data-wow-delay="0.45s">
            		<div id="gmap" class="gmap"></div>
                    <div class="shadow-lg"></div>
                </div><!-- .col-lg-12 -->
            </div><!-- .row -->
    	</div>
    </section><!-- .content-section -->

    <section class="content-section form contact style-2">
    	<div class="container">
        	<div class="row">

                    <form action="contactform.jsp" name="contact">
                    <div class="col-md-8 anim fadeInLeft">

                        <span class="input-group tight">
                            <i class="fa fa-user"></i>
                            <input type="text" name="contactName" id="contactName" class="lg" placeholder="Name" />
                        </span><!-- .input-group -->

                        <span class="input-group tight second">
                            <i class="fa fa-envelope"></i>
                            <input type="text" name="contactEmail" id="contactAddress" class="lg" placeholder="Email Address" />
                        </span><!-- .input-group -->

                        <span class="input-group">
                            <i class="fa fa-book"></i>
                            <input type="text" name="contactSubject" id="contactSubject" class="lg" placeholder="Subject" />
                        </span><!-- .input-group -->

                        <span class="input-group">
                            <textarea name="contactMessage" id="contactMessage" class="lg" placeholder="What's on your mind?"></textarea>
                        </span><!-- .input-group -->

                        <span id="message"></span>

                        <span class="input-group">
                           <!-- <a href="#" type="button" class="btn btn-primary"  data-loading-text="SENDING...">SEND</a>-->
                           <button class="submit" data-loading-text="SENDING...">SEND</button>
                            
                        </span><!-- .input-group -->

                    </div><!-- .col-lg-8 -->

                    <div class="col-md-4">
                    	<ul class="info-list">

                        	<li class="anim fadeInRight" data-wow-delay="0.15s">
                            	<i class="fa fa-map-marker"></i>
                                <span>
                                	<p>
                                    	1600 Pennsylvania Ave NW,<br />
                                    	Washington, DC 20500<br />
                                        United Sates of America
                                    </p>
                                </span>
                            </li>

                            <li class="anim fadeInRight" data-wow-delay="0.25s">
                            	<i class="fa fa-phone"></i>
                                <span>
                                    <article><cite>Phone:</cite>	+ 1 (202) 332- 1223</article><br />
                                    <article><cite>Fax:</cite>		+ 1 (202) 332- 1223</article>
                                    <p></p>
                                </span>
                            </li>

                            <li class="hours anim fadeInRight" data-wow-delay="0.35s">
                            	<i class="fa fa-clock-o"></i>
                                <span>
                                    <article><cite>Fri-Mon:</cite>	10am - 10pm</article><br />
                                    <article><cite>Saturday:</cite>	12am - 8pm</article><br />
                                    <article><cite>Sunday:</cite>	Closed</article>
                                    <p></p>
                                </span>
                            </li>

                        </ul><!-- .info-list -->
                    </div><!-- .col-lg-4 -->
                </form>

            </div><!-- .row -->
    	</div><!-- .container -->

        <span id="message_sent"><i class="fa-check fa"></i></span><!-- jQuery display of giant checkmark -->

    </section><!-- .content-section .form -->

    <section class="content-section callout">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 anim fadeInLeft">
                    <p> Aenean fermentum libero eu lectus tristique, quis ornare tortor tristique pretium. </p>
                </div><!-- .col-lg-8 -->
                <div class="col-lg-4 anim fadeInRight">
                    <a class="btn btn-bordered white btn-sm anim fadeInRight" role="button">Action 2</a>
                    <a class="btn btn-bordered white btn-sm anim fadeInRight" role="button">Buy Dale</a>
                </div><!-- .col-lg-4 -->
            </div><!-- .row -->
        </div><!-- .container -->
    </section><!-- .content-section -->



<jsp:include page="footer.jsp"/>